blue #39729B;
blue2:#00599A;
orange #F2760A;
*/

input[type="text"]:focus { outline: none; }   
input[type="button"]:focus { outline: none; }   
input, textarea {outline:none;}
input:active, textarea:active {outline:none;}
:focus {outline:none;}
a:focus {outline:none;}
textarea {resize:none;}
textarea {resize:vertical;}
textarea {resize:horizontal;}
/* input#search-area118:focus { outline: none; }  */
button:focus { outline: none; }   

button:active, button:focus {
outline: none !important;
}
button::-moz-focus-inner {
border: 0 !important;
}

html {
  scroll-behavior: smooth;
}
body {
background:#fff;
font-family: 'Roboto', sans-serif;
padding-top:100px;
color: #2E2A28;
}

img {
max-width:80%;
}
iframe {
	max-width:100%;
}
a {color: #00599A;}
a:hover {
	color:#F2760A;
	text-decoration:none;
}


.svg-orange path {
fill:#f2760a!important;
}
.svg-white path {
fill:#fff!important;
}
/**** nav ***/

.navbar {
	padding:0;
}
.navbar-nav {
    text-align: center;
	background:#2F2A27;
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.navbar-nav li{
 flex: 1 1 auto;
}
.navbar-nav .nav-item .nav-link {
    padding-right: 0;
    padding-left: 0;
	color:#ddd;
}
.navbar-nav .nav-item .nav-link:hover {
background:#4F4946;
color:#fff;
}

.navbar-toggler {
    position: relative;
    display: block;
    width: 25px;
    height: 25px;
    background: transparent;
    border-top: 4px solid;
    border-bottom: 4px solid;
    color: #ddd;
    font-size: 0;
    transition: all 0.25s ease-in-out;
    border-radius: 0;
    margin: 5px;
	color:#777;
}
.navbar-toggler:before, .navbar-toggler:after {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: currentColor;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: -webkit-transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}


/****** header  ********/
header {
background:#fff;
}
header .row{
align-items:center;
}
.header1 {
font-size:larger;
color:#00599A;
letter-spacing:3px;
font-weight:600;
text-align:center;
}

.site-title {
color:#F2760A;
font-size:x-large; 
}

.contact-top {
font-size:medium;
text-align:right;	
}

/***** slider *****/
.slider-bg .moduletable {
background:linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ), url(../../../images/prochista_kanalizacii_v_samare.jpeg) bottom center no-repeat;
padding:0px 30px;
background-size:cover;
text-align:center;
color:#fff;
/* height:420px; */
display: flex;
align-items: center;
}

h1 span {
	color:#8cc63f;
	letter-spacing: 2px;
}
.advansed {
	color:  #727272;
	font-size: 20px;
}
.advansed span{
margin-right:30px;
}

/***** modules *****/
.features1 {
	padding:1rem 0;	
}
.features1-item {
	display:flex;
	align-items:center;
	text-align:center;
}
.features1-img {
flex:none;
width:40px;
margin-right:15px;
}
.features1-desc {
color:#00599A;
}

.features2 {
	background:#F3F0EC;
	padding:50px;
	text-align:center;
}

.features3 {
	padding:3rem 0;	
	text-align:center;
}
.features3-item {
	text-align:center;
}
.features3-img {
width:60px;
height:60px;
max-width:60px;
max-height:60px;
margin:20px auto;
font-size:50px;
color:#F2760A;
}
.features3 svg {
height:60px;
max-width:60px;
max-height:60px;
}

.clients {
	background:#F3F0EC;
	padding:50px;
	text-align:center;	
}
.client-item {
	border:1px solid #444;
	padding:50px 20px;
	background:#fff;
	margin-bottom:20px;
	font-size:large;
}
.client-img{
margin-bottom:30px;
}
.client-item h4{
font-size:large;
margin-bottom:20px;
min-height:50px;
}

.features4 {
	background:#2F2A27;
	padding:50px;
	color:#fff;
	text-align:center;
}
.features4-img {
max-width:60px;
max-height:60px;
margin:20px auto;
}
.features4 svg {
height:60px;
max-width:60px;
max-height:60px;
}

.features5 {
padding:50px;
color:#39729B;
text-align:center;
}
.features5-img {
width:60px;
height:60px;
max-width:60px;
max-height:60px;
margin:20px auto;
font-size:50px;
color:#F2760A;
}
.features5 svg {
height:60px;
max-width:60px;
max-height:60px;
}

.results {
	background:#F3F0EC;
	padding:50px;
	text-align:center;	
}
.result-desc {
	font-size:20px;
	margin-bottom:20px;
}

.otzyv {
	background:#2F2A27;
	padding:50px;
	text-align:center;
}
.otzyv h3{
color:#fff;
margin-bottom:30px;
}
.otzyv-item {
	border:1px solid #444;
	padding:50px 20px;
	background:#fff;
	margin-bottom:20px;
	font-size:18px;
}
.otzyv-name {
color:#39729B;
font-weight:bold;
margin-bottom:20px;
}
.otzyv-img {
	font-size:large;
	color:#F2760A;
}
.otzyv-txt {
	min-height:190px;
}

.oborud {
padding:50px 0;
color:#39729B;
text-align:center;
}
.oborud-row {
	display:flex;
	flex-wrap:wrap;
}
.oborud-item {
width:20%;
min-width: 150px;
}


.sposoby {
	background:#2F2A27;
	padding:50px;
}
.sposoby h3{
color:#fff;
margin-bottom:30px;
	text-align:center;
}
.sposoby-item {
	border:1px solid #444;
	padding:30px 15px;
	background:#fff;
height:100%;
}
.sposoby-name {
color:#39729B;
font-weight:bold;
margin-bottom:20px;
	font-size:18px;
	text-align:center;
}

.sposoby-txt {
	min-height:190px;
}

.videos {
	padding:50px;
	text-align:center;		
}
.videos-item {
	margin-bottom:20px;
}
.fotogallery {
background:#F3F0EC;
	padding:50px;
	text-align:center;	
}

.about {
		background:#2F2A27;
	padding:50px;
	text-align:center;
	color:#fff;
}

.item-page {
	padding:50px 0;
}







/****** contact form  ********/

.verysmallfield {
	display:block;
	width:2px;
	height:2px;
	border:none!important;
	padding:0!important;
	background:none!important;
}
#wrap-contact-form95 {
	background:#2F2A27;
	padding:50px;
}
#wrap-contact-form95 .sscf-form-container{
max-width:800px;
margin:0 auto;
}
#wrap-contact-form95 .fl_wrap_textarea {
    height: 50px!important;
}
#wrap-contact-form95 .sscf-form textarea, #wrap-contact-form95 .input.textarea {
    height: 50px!important;
}
#wrap-contact-form95 .rf_submit {
margin:0 auto;
padding:10px 50px;
}
#wrap-contact-form95 .sscf-header h3{
text-transform:uppercase;
color:  #ddd;
font-weight: 500;
text-align:center;
}
#wrap-contact-form95 .sscf-form .sscf-input { 
color:#fff;
}

.sscf-popup98.sscf-popup {
background:#F2760A;
margin:20px auto 0 auto;
}
.sscf-popup98.sscf-popup:hover{
background:#da6c0b;
}
.debug .sscf-popup98.sscf-popup {
	display:none;
}



.sscf-header, .sscf-footer {
    opacity: 1;

}



/****** footer  ********/
footer  {
	padding:1rem 0;
	/***box-shadow: 0 -1rem 3rem rgba(0,0,0,.175);*****/
}

.footer-items {
	display:flex;
	justify-content:space-between;
}
.social {
	font-size:30px;
}



/***** media ********/

.navbar-toggler {
	position:absolute;
	top:5px;
	right:5px;
}

@media (min-width: 1200px){
.container {
    max-width: 1140px;
}

.slider-bg .moduletable {
	height: 420px;
}
}
@media(max-width: 1200px) {
	.navbar {
    position:static;
	}
	
header.fixed-top {
    position: static;
}
body {
	padding-top:0;
	line-height: 1.2;
}

}

@media (max-width: 768px) {


}

@media (max-width: 750px) {
/* sm */
body {
	padding-top:0;
	line-height: 1.2;
}
header.fixed-top {
position:static;
}
.navbar-brand {
white-space: normal;
    width: 100%;
    text-align: center;
}
.navbar-brand img {
	width:200px;
}
.navbar {
    position: static;
}

.contact-top {
	width:100%;
	text-align: center;
}
.contact-top-items {
flex-flow: column nowrap;
align-items: center;
justify-content: center;
}
.contact-top-items span{
margin-right:0;
margin-bottom:10px;
}
h1 {
    font-size: x-large;
}
h1 span {
    letter-spacing: 0;
}
h2 {
    font-size: x-large;
}
.footer-items {
flex-flow: column nowrap;
align-items: center;
justify-content: center;	
}
.navbar-foter {
	margin-left:auto;
}


.slider-bg .moduletable {
padding:50px 0;
}
.features2, #wrap-contact-form95, .clients, .features4, .features5, .results, .otzyv, .sposoby, .videos, .fotogallery, .about {
	padding:50px 0px;
}

}